<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--js插件-->
    <script src="js/vue.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="js/axios-0.18.0.js"></script>
    <link rel="stylesheet" href="plugins/elementui/index.css">
    <script src="plugins/elementui/index.js"></script>
    <link rel="stylesheet" href="css/overall.css">
    <script src="js/echarts.js"></script>

</head>
<body style="background-color: #ECF5F1">
<div id="app">
    <template >
        <el-table :data="tableData" height="250" border style="width: 100%" :data="tableData"    >
            <el-table-column prop="serverName" label="服务名"  width="180"></el-table-column>
            <el-table-column prop="ip" label="IP地址" width="180"></el-table-column>
            <el-table-column prop="port" label="端口号"></el-table-column>
            <el-table-column prop="registTime" label="注册时间"></el-table-column>
            <el-table-column prop="status" label="服务状态">
            </el-table-column>
        </el-table>
    </template>

</div>
<script>

</script>
<script>
    new Vue({
        el:"#app",
        data:{
            tableData: [],

        },
        created(){
            // 发送异步请求获取数据
            axios.get("/register/getShowData").then((resp=>{
                // 获得展示的数据
                    this.tableData=resp.data;

            }))
        }
    });

</script>
</body>
</html>